body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
input {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 宋体;
}

/* 內减模式 */
* {
    box-sizing: border-box;
}
/* 去除列表默认样式 */
ul,
ol {
  list-style: none;
}

/* 去除默认的倾斜效果 */
em,
i {
  font-style: normal;
}

/* 去除a标签默认下划线，并设置默认文字颜色 */
a {
  text-decoration: none;
  color: #333;
}

/* 设置img的垂直对齐方式为居中对齐，去除img默认下间隙 */
img {
  vertical-align: middle;
}

/* 去除input默认样式 */
input {
  border: none;
  outline: none;
  color: #333;
}

/* 左浮动 */
.fl {
  float: left;
}

/* 右浮动 */
.fr {
  float: right;
}

/* 双伪元素清除法 */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
body{


background-color: #f2f4f7;

}
.wrapper{
position: fixed;
top: 0px;
width: 100%;
height: 60px;
background-color: #fff;
}
.header{

width: 1195px;
height: 60px;
position: fixed;
/* margin: 8px auto; */
/* background-color: #fff; */
/* top: 8px; */
/* margin-bottom: 8px; */
left: 50%;
transform: translate(-50%);
/* top: 8px; */
padding: 8px;
}
.headerleft{
    position: relative;
width: 990px;
/* height: 48px; */
float: left;
text-align: center;
line-height: 40px;
}
.headerleftimg{

width: 189px;
height: 48px;
}
.img1{
  position: absolute;
width: 25px;
/* height: 40px; */
text-align: center;
left: 0;
top: 9px;
/* line-height: 48px; */
}
.img2{
    /* font-size: 20px; */
width: 40px;

/* text-align: center; */
position: absolute;
left: 130px;
top: 10px;
/* line-height: 20px; */
}
.headerleftimg span {
  position: absolute;
text-align: center;
line-height: 40px;
font-size: 18px;
font-weight: 900;
left: 30px;
top: 5px;
}
.headersearch{
/* top: 0; */
width: 549px;
height: 40px;
position: absolute;
top: 0;
left: 300px;
}
.headersearch input:nth-child(1)
{
    font-family: Lato,-system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: rgba(0,0,0,.85);
width: 444px;
height: 40px;
/* text-align: center; */
line-height: 40px;
border: 1px solid  rgba(0,0,0,.85);;
padding-left: 20px;
border-radius: 2px;
}
.headersearch input:nth-child(1)::placeholder{
/* margin-left: 10px; */
/* position: absolute; */
/* left: 0; */
/* padding-left: 14px; */

}
.headersearch input:nth-child(1):hover{

border: 1px solid blue;

}
#submit{
width: 85px;
height: 40.6px;
border-radius: 2px;
background-color: #1f71e0;
color: #fff;
/* padding-left: 0; */
position: absolute;
top: 1px;
left: 490px;
cursor: pointer;
}
#submit:hover{

background-color: skyblue;
/* opacity: .5; */
transition: all 1s;


}
.rightone{
    position: absolute;
    top: 0px;
    right: 110px;
width: 80px;
height: 64px;
font-size: 15px;
padding: 10px;
margin-left: 6px;
margin-right: 4px;

text-align: center;
line-height: 45px;
/* background-color: pink; */
}
.righttwo{
    position: absolute;
    top: 0px;
    right: 35px;
    width: 80px;
    height: 64px;
    font-size: 15px;
    padding: 10px;
    margin-left: 6px;
    margin-right: 4px;
    
    text-align: center;
    line-height: 45px;
    /* background-color: pink; */



}
.rightthree{
    position: absolute;
    top: -3px;
    right: -30px;
    width: 80px;
    height: 64px;
    font-size: 15px;
    padding: 10px;
    margin-left: 6px;
    margin-right: 4px;
    
    text-align: center;
    line-height: 45px;
    /* background-color: pink; */}
.rightone:hover{

background-color: #d9d9d9;

}
.righttwo:hover{

    background-color: #d9d9d9;
    
    }
.middle{
border: 1px solid #f2f4f7;
width: 1195px;
height: 2293.78px;
margin: 64px auto 0;
/* margin: 0 20px 0 20px; */

/* background-color: pink; */
} 
.middle p {
margin-top: 45px;
font-size: 12px;
margin-left: 20px;

color: #91accc;
}
.middle h2{

margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
}
.middle span{
font-size: 15px;
margin-left: 20px;
color: #91accc;
/* margin-bottom: 20px; */
}
.middlebottom{
margin-top: 20px;
position: relative;


}
.middlebottom input{

width: 100px;
height: 30px;
margin-left: 20px;
margin-right: 17px;
background-color: #1f71e0;
color: #fff;
border-radius: 2px;
cursor: pointer;
font-size: 15px;
font-weight: 500;
}

 .middlebottom .second{
background-color: #fff;
color: #5981e1;
border: 1px solid #5981e1;
font-weight: 500;
font-size: 16px;
text-align: center;
}
.middlesvg1{
width:20px ;
height: 25px;position: absolute;
left: 30px;
top: 4px;

}
.middlesvg2{
  width: 18px ;
  height: 25px;
  position:absolute;
  left: 170px;
  top: 4px;
  
  }
.share{
position: absolute;
width: 50px;
height: 33px;
text-align: center;
line-height: 33px;
left: 300px;
top: 0px;
font-size: 1px;
cursor: pointer;
color: #1f71e0;
}
.quote{
width: 64px;
height: 32px;
text-align: center;
line-height: 32px;
position: absolute;
top: 0px;
left:360px;
font-size: 1px;
cursor: pointer;
color: #1f71e0;
}
.share:hover{

background-color:#b4d5ff ;
opacity: .9;

}
.quote:hover{

  background-color:#b4d5ff ;
  opacity: .9;
  
  }
  .middlebody{
width: 785px;
/* height: 250px; */
background-color: #fff;
margin-top: 20px;
border-radius: 2px;

  }
  .middlebody h4{
/* padding: 28px 44px 30px 38px; */
padding-top: 28px;
padding-left: 38px;
padding-bottom: 0;
  }
  .middlebody p{
/* padding-top: 0; */
margin: 0;
/* padding-top: 25px; */
padding: 25px 44px 20px 38px;
font-size: 15px;
color: #262625;
/* display: -webkit-box; */
overflow: hidden;
line-height: 1.5;
  }
  .middlecontent{
    width: 785px;
    /* height: 250px; */
    background-color: #fff;
    margin-top: 20px;
    border-radius: 2px;
    
      }
      .middlecontent p{
        /* padding-top: 0; */
        margin: 0;
        /* padding-top: 25px; */
        padding: 25px 44px 20px 30px;
        font-size: 15px;
        color: #262625;
        /* display: -webkit-box; */
        overflow: hidden;
        line-height: 1.5;
        display:flex;
          }
          .middlecontent p span
          {
            color:black;
            flex: 1;
            }


/* new css by:ludan */
.middlecontent .middlecontent0-p-2{
  padding: 0 0 0 0px;
  font-size: 22px;
  font-weight: 600;
  font-family: Times New Roman;

}
.middlecontent .middlecontent0-p-3
{
  padding: 0 0 0 220px;
  text-align: center;
  margin-left: -25px;
}
.middlecontent .middlecontent0-p-4
{
  padding: 0 0 0 70px;
  text-align: center;
  margin-left: 0px;
  font-size: 10px;
  /* font-family: Segoe Script; */
  font-style: italic;
}
.middlecontent .middlecontent0-p-5{
  font-size: 14px;
  padding: 0 0 0 0px;
  left: 0px;
  
}
.middlecontent .mod1{
  font-size: 23px;
  font-weight: 600;
}

.middlecontent .mod2{
  font-size: 16px;
  font-weight: 900;
}

.middlecontent .mod3{
  font-size: 21px;
}
